<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美食今日推荐</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#d{
				width: 300px;
				margin:20px auto;
				border:1px solid #aacbee ;
				border-radius: 5px;
				position: relative;
			}
			#d ul{
				list-style-type: none;
				margin:0 15px ;
			}
			#d #d1{
				margin:15px 15px 0 15px ;
			}
			#d #d1 p{
				float: left;
				font-size: 20px;
				font-weight: 600;
				color: black;
				margin-left:10px ;
			}
			#d #d1 p span{
				color:#d80000 ;
			}
			#d img{
				float: right;
				margin-top:8px ;
			}
			.clear:after{
				content: '';
				display: block;
				clear: both;
			}
			#d ul li .pic{
				float: left;
				margin: 10px;
			}
			#d ul li .text{
				float: left;
				margin: 10px;
			}
			#d #d2{
				position: relative;
			}
			#d #d2>img{
				position: absolute;
				top: -10px;
				left: 70px;
			}
			#d ul li a{
				color:#b80000 ;
			}
			#d ul li a:hover{
				color: blue;
			}
			#d ul li .text p:nth-of-type(2),#d ul li .text p:nth-of-type(3){
				color: #66667d;
			}
		</style>
	</head>
	<body>
		<div id="d">
			<div id="d1" class="clear">
				<p ><span>SHOP</span> &nbsp;今日推荐</p>
				<a href=""><img src="../img/more.gif"/></a>
			</div>
			<ul >
				<li class="clear" id="d2" >
					<div class="pic"><img src="../img/img9.gif"/> </div>
					<img src="../img/shen.png"/>
					<div class="text">
						<p><a href="">汉来国际美食百货</a></p>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li >
				<li class="clear">
					<div class="pic"><img src="../img/img7.gif"/> </div>
					<div class="text">
						<p><a href="">汉来国际美食百货</a></p>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
				<li class="clear">
					<div class="pic"><img src="../img/img8.gif"/> </div>
					<div class="text">
						<p><a href="">汉来国际美食百货</a></p>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
				<li class="clear">
					<div class="pic"><img src="../img/img7.gif"/> </div>
					<div class="text">
						<p><a href="">汉来国际美食百货</a></p>
						<p>口味：创意中餐</p>
						<p>区域：朝阳/CBD</p>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
